<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        /*存在id属性的元素,语法：a[]{}*/
        /*a[id]{*/
        /*    background: red;*/
        /*}*/

        /*id=first属性的元素*/
        /*a[id=first]{*/
        /*    background: green;*/
        /*}*/

        /*class中存在links属性的元素*/
        /*a[class *= links]{*/
        /*    background: red;*/
        /*}*/

        /*选中href中以http元素开头的元素*/
        /*a[href^=http]{*/
        /*    background: green;*/
        /*}*/

        /*选中href中以http元素结尾的元素*/
        a[href$=pdf]{
            background: green;
        }
    </style>
</head>
<body>
    <a href="http://www.baidu.com" class="links item first" id="first">1</a>
    <a href="http://test" class="links item">2</a>
    <a href="abc.pdf">3</a>
    <a href="123s.pdf">4</a>
</body>
</html>